<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<title>Car Buying Process - Module 1 Key Components</title>
		<link href="styles/styles.css" rel="stylesheet" type="text/css"/>
		
		<script src="scripts/sessionstorage.1.4.js" language="javascript"></script>
		<script src="scripts/scripts.js" language="javascript"></script>
	</head>	
	<body onload="javascript:assessment()">
		<header>
			<img src="images/keycomponents.jpg" alt="Car Buying Process: Key Components"
				title="Car Buying Process: Key Components"/>
		</header>
		<div id="navigation">
			<nav>
				<a href="intro.html" class="link">Introduction|</a>
				<a href="module1.html" class="link">Module 1 |</a>
				<a href="module2.html" class="link">Module 2 |</a>
				<a href="module3.html" class="link">Module 3 |</a>
				<a href="module4.html" class="link">Module 4 |</a>
				<a href="quiz.html" id="assessmentlink" class="link">Assessment |</a><br/>
			</nav>
		</div>
		<div id="sub-navigation">
			<nav>
				<a href="module1.html" class="sublink">Key Components |</a>
				<a href="module1pg1.html" class="sublink">Key Individuals|</a>
				<a href="module1pg2.html" class="sublink">Terminology |</a>
				<a href="module1pg3.html" class="sublink">Buying Purpose |</a>
				<a href="module1pgkc.html" id="module1kclink" class="sublink">Knowledge Check </a>
			</nav>
		</div>
		<section>
		<div id="aside-info">
			<aside>
			<header>
					<p id="aside-title-audio">Audio</p>
				</header>
				<audio id="narration" controls="controls" autoplay="autoplay">
					<source src="audio/module1.mp3" type="audio/mp3">
					<source src="audio/module1.ogv" type="audio/ogv">
					Your browser does not support the audio tag.
				</audio>
				<br/>
				<header>
					<p id="aside-title-audio">Transcript</p>
				</header>
			<div id="transcript">
			Module 1 is the Key Components and will take you 5 minutes to complete.  After completing Module 1 you will be able to identify key individuals, terminology, and the purpose for buying a car. 
			</div>
			</aside>
		</div>
		</section>
	
		<section>
			<div id="main-info">
				<article>
					<header>
						<h1></h1>
					</header>
					In this module, you will learn the key components of the car buying process which include:<br/>
					<ul>
						<li>Key Individuals</li><br/>
					   	<li>Terminology</li><br/>
					   	<li>Purpose for buying a car</li>
					</ul>
				</article>
			</div>
		</section>
		
		<section>
			<table id="pictures">
				<tr><td><img src="images/happy.jpeg" alt="Happy Picture" title="Dictionary picture"/></td></tr>
				<tr><td><img src="images/sticker.jpeg" alt="Sticker Picture" title="Sticker on window picture"/></td></tr>	   		
	   		</table>
	   	</section>
		<footer>
		<img src="images/footer.jpg" alt="Car Buying Process: References"
				title="Car Buying Process: References"/>
		</footer>
	</body>
</html>